!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("rb_wixui.thunderbolt[MenuContainer_Responsive]",["react"],t):"object"==typeof exports?exports["rb_wixui.thunderbolt[MenuContainer_Responsive]"]=t(require("react")):e["rb_wixui.thunderbolt[MenuContainer_Responsive]"]=t(e.React)}("undefined"!=typeof self?self:this,(function(e){return function(){var t={5329:function(t){"use strict";t.exports=e},448:function(e){function t(){return e.exports=t=Object.assign?Object.assign.bind():function(e){for(var t=1;t"undefined"!=typeof window,c=e=>Object.entries(e).reduce(((e,[t,n])=>(t.includes("data-")&&(e[t]=n),e)),{});const u="wixui-",d=(e,...t)=>{const n=[];return e&&n.push(`${u}${e}`),t.forEach((e=>{e&&(n.push(`${u}${e}`),n.push(e))})),n.join(" ")};var p={menuContainer:"z_w3mq",visible:"axLCtp",inlineContent:"Lu9Epa",container:"w3z6uS",overlay:"hXDI49",horizontallyDocked:"iFw_h3",verticallyDocked:"e5DvMY",inlineContentParent:"cl36wz",open:"qqLcCB"};const f=13,v=27;function m(e){return t=>{t.keyCode===e&&(t.preventDefault(),t.stopPropagation(),t.currentTarget.click())}}m(32),m(f),m(v);const b=["aria-id","aria-metadata","aria-type"],y=function(e){let{role:t,tabIndex:n,tabindex:r,...o}=void 0===e?{}:e;const a=Object.entries(o).reduce(((e,t)=>{let[n,r]=t;return{...e,[("aria-"+n).toLowerCase()]:r}}),{role:t,tabIndex:null!=n?n:r});return Object.keys(a).forEach((e=>{void 0!==a[e]&&null!==a[e]||delete a[e]})),i=a,s=b,Object.entries(i).reduce(((e,t)=>{let[n,r]=t;return s.includes(n)||(e[n]=r),e}),{});var i,s},h="responsive-container-overflow",x="responsive-container-content";var C="d7EBK2";const g=a().forwardRef(((e,t)=>{let{children:n,className:r}=e;return a().createElement("div",{className:s(r,C),"data-testid":h,ref:t},n)})),w=(e,t)=>{let{containerLayoutClassName:r,overlowWrapperClassName:o,hasOverflow:i,hasScrollOverflow:l,shouldOmitWrapperLayers:c,children:u,role:d,label:p,extraRootClass:f="",ariaLive:v,ariaAttributes:m,tabIndex:b,tagName:h="div"}=e;const C=!c&&i,w=C?l?b||0:-1:void 0,E=(0,n.useCallback)((e=>C?a().createElement(g,{className:s(o,f)},e):e),[C,o,f]),O=i?r:s(r,f),P={ref:t,"data-testid":x,tabIndex:w,...d?{role:d}:{},...p?{"aria-label":p}:{},...v?{"aria-live":v}:{},...y(m)};return"multi-column-layouter"===h?(P.class=O,P.style={visibility:"hidden"}):P.className=O,E(c?a().createElement(a().Fragment,null,u()):a().createElement(h||"div",P,u()))};var E=a().forwardRef(w),O="SPKdgB",P="gWQdkh",_="bPVN2R",j="_YXqpG",M="MES4Yq";const N=(e,n)=>{let{classNames:r,cssEditingClasses:o,layerIds:i,containerProps:l,ariaLabel:c,children:u}=e;return a().createElement(a().Fragment,null,a().createElement("div",{id:i.overlay,className:s(P,{[_]:r.includes("horizontallyDocked")})}),a().createElement("div",{id:i.container,className:s(O),"data-block-level-container":"MenuContainer"},a().createElement("div",{className:""+M}),a().createElement("div",{id:i.inlineContentParent,className:j},a().createElement(E,t()({},l,{extraRootClass:s(j,o),role:"dialog",label:c,ref:n,tabIndex:-1}),u))))};var L=a().forwardRef(N);var R={root:"mobile-menu"};const S=(e,r)=>{const{id:o,customClassNames:a=[],isOpen:i,children:l,classNames:u,containerProps:f,onClick:v,onMouseEnter:m,onMouseLeave:b,open:y,close:h,animate:x,translations:{containerAriaLabel:C},onKeyUp:g}=e;let{isVisible:w}=e;i&&!w&&(w=!0);const E=n.useRef(null);n.useImperativeHandle(r,(()=>({open:y,close:h,animate:x,focus:()=>{var e;null==(e=E.current)||e.focus()}})));const O={overlay:"overlay-"+o,container:"container-"+o,inlineContentParent:"inlineContentParent-"+o};return n.createElement("div",t()({id:o,onClick:v,onMouseEnter:m,onMouseLeave:b,onKeyUp:g,className:s(p.menuContainer,u.map((e=>p[e])),{[p.visible]:w,[p.open]:i})},c(e)),n.createElement(L,t()({containerProps:f,ref:E,id:o,layerIds:O,ariaLabel:C,classNames:u},c(e),{cssEditingClasses:d(R.root,...a)}),l))};const k=e=>e.replace(/([A-Z])/g,(e=>`-${e.toLowerCase()}`));var I;const q={MenuContainer_Responsive:{component:n.forwardRef(S),controller:(I=e=>{let{mapperProps:t,stateValues:n,controllerUtils:{updateStyles:r}}=e;const{isMobileView:o,compId:a,...i}=t,{toggle:s,...c}=n;return!0===n.isOpen&&r({"--menu-height":l()&&o?window.getComputedStyle(document.body).height:"100vh"}),{...i,...(u=c,Object.entries(u).reduce(((e,t)=>{let[n,r]=t;return void 0===r?e:{...e,[n]:r}}),{})),onClick:e=>{e.target.closest("a , #overlay-"+a)&&s&&(null==s||s(!0))}};var u},{useComponentProps:(e,t,n)=>{const r=(e=>({...e,updateStyles:t=>{const n=Object.entries(t).reduce(((e,[t,n])=>{return{...e,[(r=t,r.startsWith("--")?t:k(t))]:void 0===n?null:n};var r}),{});e.updateStyles(n)}}))(n);return I({mapperProps:e,stateValues:t,controllerUtils:r})}})}}}(),o}()})); //# sourceMappingURL=https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/rb_wixui.thunderbolt[MenuContainer_Responsive].3a1b6250.bundle.min.js.map